﻿@{
    Layout = null;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>AdminIndex</title>
    @Styles.Render("~/Content/css", "~/Content/themes/base/css")
    @Scripts.Render("~/bundles/jquery", "~/bundles/jqueryui", "~/bundles/jqueryval", "~/bundles/modernizr", "~/bundles/AdminUI", "~/bundles/jqGrid")

</head>
<body>
<div class="container">
    @Html.ActionLink("退出", "LoginOut")
  <div class="header"><h1>============</h1></div>
  <div class="sidebar">
    <div id="sidebarTabs">
	<ul>
		<li><a href="#adminMenu">功能菜单</a></li>
		<li><a href="#themeGallery">修改样式</a></li>
		<li><a href="#help">帮助</a></li>
	</ul>
	<div id="adminMenu">
		<div id="Menu" class="ui-accordion ui-widget ui-helper-reset">
        @foreach (var adminRoot in ViewData.Model)
        {
	    <h3 class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all"><a href="#">@adminRoot.Title</a></h3>
	                    <div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom adminItem">
		<ul>
            @foreach (var adminItem in adminRoot.AdminMenuItems)
            {
            <li><a href="javascript:void(0);" onclick="OpenPage('/@adminItem.Controller/@adminItem.Action')">@adminItem.Title</a></li>            
            }
        </ul>
	    </div>
           
        }
        </div>
    </div>
    <div id="themeGallery" class="ui-accordion ui-widget ui-helper-reset">
	<ul>
		<li><a href="javascript:void(0)" onclick="ChangeStyle('ui-lightness')">
			<img src="~/Content/images/theme_90_ui_light.gif" alt="UI Lightness" title="UI Lightness" />
			<span class="themeName">UI lightness</span>
		</a></li>		
		<li><a href="javascript:void(0)" onclick="ChangeStyle('ui-darkness')">
			<img src="~/Content/images/theme_90_ui_dark.png" alt="UI Darkness" title="UI Darkness" />
			<span class="themeName">UI darkness</span>
		</a></li>	
		<li><a href="javascript:void(0)" onclick="ChangeStyle('smoothness')">
			<img src="~/Content/images/theme_90_smoothness.png" alt="Smoothness" title="Smoothness" />
			<span class="themeName">Smoothness</span>
		</a></li>			
				<li><a href="javascript:void(0)" onclick="ChangeStyle('start')">
			<img src="~/Content/images/theme_90_start_menu.png" alt="Start" title="Start" />
			<span class="themeName">Start</span>
		</a></li>
				<li><a href="javascript:void(0)" onclick="ChangeStyle('Redmond')">
			<img src="~/Content/images/theme_90_windoze.png" alt="Redmond" title="Redmond" />
			<span class="themeName">Redmond</span>
		</a></li>
		
				<li><a href="javascript:void(0)" onclick="ChangeStyle('Sunny')">
			<img src="~/Content/images/theme_90_sunny.png" alt="Sunny" title="Sunny" />
			<span class="themeName">Sunny</span>
		</a></li>
		
				<li><a href="javascript:void(0)" onclick="ChangeStyle('Overcast')">
			<img src="~/Content/images/theme_90_overcast.png" alt="Overcast" title="Overcast" />
			<span class="themeName">Overcast</span>		
		</a></li>
		
				<li><a href="javascript:void(0)" onclick="ChangeStyle('Le-Frog')">
			<img src="~/Content/images/theme_90_le_frog.png" alt="Le Frog" title="Le Frog" />
			<span class="themeName">Le Frog</span>
		</a></li>
		
						<li><a href="javascript:void(0)">
			<img src="~/Content/images/theme_90_flick.png" alt="Flick" title="Flick" />
			<span class="themeName">Flick</span>		
		</a></li>
 
	
	
 
		<li><a href="javascript:void(0)">
			<img src="~/Content/images/theme_90_pepper_grinder.png" alt="Pepper Grinder" title="Pepper Grinder" />
			<span class="themeName">Pepper Grinder</span>		
		</a></li>
		
		
				<li><a href="javascript:void(0)">
			<img src="~/Content/images/theme_90_eggplant.png" alt="Eggplant" title="Eggplant" />
			<span class="themeName">Eggplant</span>		
		</a></li>
		
						<li><a href="#">
			<img src="~/Content/images/theme_90_dark_hive.png" alt="Dark Hive" title="Dark Hive" />
			<span class="themeName">Dark Hive</span>
		</a></li>
		
 
		
				
		<li><a href="#">
			<img src="~/Content/images/theme_90_cupertino.png" alt="Cupertino" title="Cupertino" />
			<span class="themeName">Cupertino</span>		
		</a></li>
		
		<li><a href="#">
			<img src="~/Content/images/theme_90_south_street.png" alt="South St" title="South St" />
			<span class="themeName">South Street</span>		
		</a></li>
		<li><a href="#">
			<img src="~/Content/images/theme_90_blitzer.png" alt="Blitzer" title="Blitzer" />
			<span class="themeName">Blitzer</span>
		</a></li>	
		<li><a href="#">
			<img src="~/Content/images/theme_90_humanity.png" alt="Humanity" title="Humanity" />
			<span class="themeName">Humanity</span>
		</a></li>	
		<li><a href="#">
		<img src="~/Content/images/theme_90_hot_sneaks.png" alt="Hot Sneaks" title="Hot Sneaks" />
			<span class="themeName">Hot sneaks</span>
		</a></li>	
		<li><a href="#">
			<img src="~/Content/images/theme_90_excite_bike.png" alt="Excite Bike" title="Excite Bike" />
			<span class="themeName">Excite Bike</span>	
		</a></li>
		<li><a href="#">
			<img src="~/Content/images/theme_90_black_matte.png" alt="Vader" title="Vader" />
			<span class="themeName">Vader</span>	
		</a></li>		
		<li><a href="#">
			<img src="~/Content/images/theme_90_dot_luv.png" alt="Dot Luv" title="Dot Luv" />
			<span class="themeName">Dot Luv</span>	
		</a></li>	
		<li><a href="#">
			<img src="~/Content/images/theme_90_mint_choco.png" alt="Mint Choc" title="Mint Choc" />
			<span class="themeName">Mint Choc</span>
		</a></li>
		<li><a href="#">
			<img src="~/Content/images/theme_90_black_tie.png" alt="Black Tie" title="Black Tie" />
			<span class="themeName">Black Tie</span>
		</a></li>
		<li><a href="#">
			<img src="~/Content/images/theme_90_trontastic.png" alt="Trontastic" title="Trontastic" />
			<span class="themeName">Trontastic</span>	
		</a></li>	
		<li><a href="#">
			<img src="~/Content/images/theme_90_swanky_purse.png" alt="Swanky Purse" title="Swanky Purse" />
			<span class="themeName">Swanky Purse</span>	
		</a></li>
	</ul>
</div>

    <div id="help">tabs-3.tabs-3.tabs-3.tabs-3.tabs-3.tabs-3.tabs-3.tabs-3.tabs-3.tabs-3.tabs-3.</div>
    </div>
    
    <!-- end .sidebar1 --></div>
  <div class="content">
    <div id="main">
    <ul id="mainTabsNav">
    </ul>
    </div>
    <!-- end .content --></div>
  <div class="footer">
  
    <p></p>
    <!-- end .footer --></div>
  <!-- end .container --></div>
</body>
</html>
